import React from "react";
import "./index.css";
import { Card, NavBar } from "antd-mobile";
import MyRiLi from "../../component/MyRiLi";
import { Tabs } from "react-vant";
import { KoubeiOutline } from "antd-mobile-icons";
import { MusicO } from '@react-vant/icons';
function Index() {
  return (
    <div style={{ background: "#eae8e8ff" }}>
      <NavBar>票务</NavBar>
      <MyRiLi></MyRiLi>
      <div style={{ marginTop: "30px" }}>
        <Tabs border type="card">
          <Tabs.TabPane key="1" title="即将到来的">
            <Card className="card1">
              <div className="prop_list1">
                <h3>追寻幻境之美：璀璨悦动的艺术之梦展览</h3>
                <div className="iconprop">
                  <KoubeiOutline fontSize={20} />
                </div>
              </div>
              <div className="prop_list2">
                <p>时间：10：00 PM</p> <p>座位：无座</p>{" "}
                <div className="gaoji">高级票</div>
              </div>
            </Card>

            <Card className="card1">
              <div className="prop_list1">
                <h3>追寻幻境之美：璀璨悦动的艺术之梦展览</h3>
                <div className="iconprop1">
                  <MusicO  fontSize={20} />
                </div>
              </div>
              <div className="prop_list2">
                <p>时间：10：00 PM</p> <p>座位：无座</p>{" "}
                <div className="gaoji">高级票</div>
              </div>
            </Card>
          </Tabs.TabPane>
          <Tabs.TabPane key="2" title="历史记录"></Tabs.TabPane>
        </Tabs>
      </div>
    </div>
  );
}

export default Index;
